<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>数据代理</title>
</head>
<body>
<!--
  数据代理: 通过一个对象, 代理对另一个对象的访问操作
-->
<script>
  let o1 = {name: 'rose'}
  let o2 = {age: 30}

  // 通过o2代理对o1的访问
  Object.defineProperty(o2, 'name', {
    get()  {
      return o1.name
    },
    set(value) {
      o1.name = value
    }
  })



</script>
</body>
</html>